<template>
  <div class="row">
    <div id="home" class="col-sm-12 text-center">


      <div class="background">
         <h1>欢迎大家品尝pizza</h1>
         <h2>这里有你非常喜欢的pizza</h2>
         <input class="btn btn-success btn-sm" value="跳转" v-on:click="goTo()"/>
       </div>
    </div>



  </div>

</template>
<script>
  export default {
     name: 'Home',
    data(){
      return{

      }
    },
    methods:{
      goTo:function () {
        //跳转到前一次浏览
       // this.$router.go(-1);
        //this.$router.replace("menu");
       // this.$router.replace({name:'adminLink'});
       // this.$router.push("menu");
        this.$router.push({name:'aboutLink'});
      }
    }
  }
</script>
<style scoped>
  #home{
      background: url("../assets/pizza.jpg");
      margin-left: 2px;
      margin-right: 2px;
     
      height: 85vh;
      padding: 10%;
    }
  h1,h2{
    margin: 6%;
  }
  .background{
    background: #eee;
    opacity:0.8;
    max-width: 70vw;
    margin: 0 auto;
    padding:20px 0;
  }
</style>
